<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>day5</title>
<style>
    *{
            margin: 0;
            padding: 0;
            
        }
    .nav{
        width: 100%;
        line-height: 50px;
        background-color: rgb(248, 143, 105);
        position: fixed;
        top: 0px;
        text-align: center;
    }
    .inpt{
        width: 95%;
        height: 30px;
        margin: auto;
        text-align: center;
        line-height: 1.5;
        display: inline-block;            
        vertical-align: middle;
        background-color: rgb(238, 113, 67);
        border-radius: 5px;
        color: black;
        
    }
    .content{
        width: 100%;
        height: 2000px;
    }
    .footer{
        position: fixed;
        bottom: 0px;
        width: 100%;
        height: 70px;
        background-color: white;
    }
    #tb{
        
    }
    #tb th{
        
        width: 400px;
    }
    ::placeholder{
        color: white;
    }
    
</style>
</head>
<body>
    <div class="nav">
         <input type="text" placeholder="🔍寻找店铺宝贝"  class="inpt">
    </div>

    <div class="content">
        <img src="/img/day5img.png" alt="" style="width: 100%; height: 1000px;">
    </div>
    

    <div class="footer">
        <table id="tb">
            <tr>
                <th><a href="" > <img src="/img/shoye.png" alt="" style="width: 70px; height: 50px;"></a>
                </th>
                <th>
                    <a href="" > <img src="/img/shoye.png" alt="" style="width: 70px; height: 50px;"></a>
                </th>
                <th>
                    <a href="" > <img src="/img/shoye.png" alt="" style="width: 70px; height: 50px;"></a>
                </th>
                <th>
                    <a href="" > <img src="/img/shoye.png" alt="" style="width: 70px; height: 50px;"></a>
                </th>
                <th id="gengduo">
                    <a href="" > <img src="/img/gengduo.png" alt="" style="width: 121px; height: 70px; float: right;"></a>
                </th>
            </tr>
        </table>
        
    </div>
</body>
</html>